Ejercicio de Listas

Listas ordenadas y desordenadas

Las listas nos permiten crear un conjunto de elementos en forma de lista dentro de una pagina, los cuales iran precedidos generalmente por un guion o numero.

Tipos de lista

Listas ordenadas

Las listas ordenadas se caracterizan como su nombre lo dice em general un conjunto de elementos ordenados a traves de numeros o letras, ya sea ascendentes o descendentes.

La estrucuctura basica para trabajar con listas ordenadas es la siguiente

<ol<...</ol>

Ejemplo 1:

<ol>
<li>Leer</li>
<li>Jugar</li>
<li>Dormir</li>
</ol>

Resultado

  1. Leer
  2. Jugar
  3. Dormir

Tipos de listas ordenadas

Ademas podemos indicar que tipo de lista ordenada queremos mostrar en nuestras Listas Entre los tipos de listas ordenadas tenemos

  • 1 -Listas ordenadas
  • a -Lista alfabetica minuscúla
  • A -Lista alfabetica mayúscula
  • i -Lista numeros romanos minuscula
  • I -Lista numeros romanos mayuscula
Para definir el tipo de lista se debe hacer uso del atributo type de la lista ordenada HTML
<ol type="tipo">...</ol>

Si queremos que se muestre una lista con orden alfanumerico la construccion sera la siguiente:

<ol type='A'>
<li&>Julio</li>
<li&>Carmen</li>
<li&>Cinthya</li>
<li&>León</li>
</ol>

Resultado

  1. Julio
  2. Carmen
  3. Cinthya
  4. León

Listas desordenadas

Las listas desordenadas permiten definir un conjunto de elementos dentro de la pagina precedidas de un punto o cuadro...

La estructura basica para trabajar con listas desordenadas en la siguiente

<ul>...</ul>